<template>
  <div class="mine_wrap">
    <ChangeHeader title="设置"></ChangeHeader>
    <div class="content">
      <ul>
        <router-link to="/personaldata">
          <li>
            <span>个人资料</span>
          </li>
        </router-link>
        <li>
          <router-link to="/bindPhone">
              <span>绑定</span>
          </router-link>
        </li>
        <li>
          <router-link to="/address">
              <span>收货地址</span>
          </router-link>
        </li>
        <li>
          <span>清除缓存</span>
        </li>
        <li>
          <span>小屏模式（省高达70%流量）</span>
          <div class="onOff">
            <el-switch v-model="value3" on-color="#13ce66" off-color="#ff4949" on-value="100" off-value="0">
            </el-switch>
          </div>
        </li>
        <li>
          <span>消息推送</span>
        </li>

        <router-link to="/aboutloveliness">
          <li>
            <span>关于loveliness</span>
          </li>
        </router-link>

        <router-link to="/help">
          <li>
            <span>帮助</span>
          </li>
        </router-link>

        <li>
          <router-link to="/sug">
              <span>意见反馈</span>
          </router-link>
        </li>
      </ul>
      <button v-on:click="mes">
        <router-link to="/register">退出登录</router-link>
      </button>
    </div>
  </div>
</template>
<script>
import ExportShowItem from "../components/exportShowiItem.vue"
import Footers from "../components/footer"
import ChangeHeader from "../components/changeHeader"


export default {
  name: "setting",
  components: {
    ExportShowItem,
    Footers,
    ChangeHeader
  },
  data() {
    return {
      value3: '100'
    }
  },
  methods:{
    mes:function(){
      this.$axios.get("/select").then((res)=>{
         console.log(res)
      }).then((error)=>{
          console.log(error)
      })
      console.log(111)
    }
  }
}
</script>

<style lang='less' scoped>
@pub_main_bgcolor :#ff406f;
.mine_wrap {
  height: 100%;
  overflow: hidden;
  position: relative;
}



.head {
  height: 80/75rem;
  background: @pub_main_bgcolor;
  padding-top: 40/75rem;
  line-height: 80/75rem;
  position: relative;
  z-index: 2;
  img {

    position: absolute;
    left: 30/75rem;
    top: 54/75rem;
  }
  span {
    position: absolute;
    top: 30/75rem;
    color: #FFF;
    font-size: 36/75rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.content {
  width: 710/75rem;
  box-shadow: -1px -20px 20px #888888;
  height: 100%;
  margin: 0 auto;
  border-top: 20px solid #FFF;
  padding-top: 150/75rem;
  ul {
    padding: 0 28/75rem 100/75rem;
    li {
      height: 66/75rem;
      padding-top: 30/75rem;

      span {
        font-size: 28/75rem;
        color: #737373;
        display: block;

        text-indent: 50/75rem;
      }
    }
    li:nth-child(1) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_gerenziliao.png") no-repeat left center;
      }
    }

    li:nth-child(2) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_bangding.png") no-repeat left center;
      }
    }
    li:nth-child(3) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_shouhuodizhi.png") no-repeat left center;
      }
    }
    li:nth-child(4) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_qingchuhuancun.png") no-repeat left center;
      }
    }
    li:nth-child(5) {
      .onOff {
        float: right;
        margin-top: -70/75rem;
      }
      span {
        background: url("../images/mainOne/setting/icon_shezhi_xiaoping.png") no-repeat left center;
      }
    }
    li:nth-child(6) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_tuisong.png") no-repeat left center;
      }
    }
    li:nth-child(7) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_guanyu.png") no-repeat left center;
      }
    }
    li:nth-child(8) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_bangzhu.png") no-repeat left center;
      }
    }
    li:nth-child(9) {
      span {
        background: url("../images/mainOne/setting/icon_shezhi_yijian.png") no-repeat left center;
      }
    }
  }
  button {
    display: block;
    height: 80/75rem;
    width: 578/75rem;
    background: #FFF;
    border: none;
    outline: none;
    margin: 0 auto;
    box-shadow: 0px 1px 10px #888888;
    margin-bottom: 200/75rem;
    border-radius: 20/75rem;
    font-size: 30/75rem;
    color: #737373;
  }
}
</style>

